<template>
  <div>
    <!-- 导航区 -->
    <nav class="nav">
      <a class="list-group-item" href="">News(新闻)</a>
      <a class="list-group-item" href="">Message(消息)</a>
    </nav>
    <!-- 展示区 -->
    <div class="panel panel-body panel-primary">
      此处是二级的展示区，以后可能展示的是：News.vue 或 Message.vue 具体展示谁，看路径
    </div>
  </div>
</template>

<script>
  export default {
    name:'Home'
  }
</script>

<style scoped>
  .nav {
    display: flex;
    margin-bottom: 10px;
  }
  .list-group-item {
    border-radius: 5px;
  }
</style>